<template>
  <ul class="order-product-cart">
    <li
      class="item"
      v-for="(item, index) in list"
      :key="index"
    >
      <product-buy :product="item" />
    </li>
  </ul>
</template>

<script>
import ProductBuy from './ProductBuy'
export default {
  name: 'OrderProductCart',
  props: ['list'],
  components: {
    ProductBuy
  }
}
</script>

<style scoped lang="stylus">
.order-product-cart
  //margin 10px
  //padding 10px
  //background white
  border-radius 10px
  .item
    margin-bottom 10px
</style>
